デザインが好き、ものづくりが好き。その気持ちがあれば、ウェブデザイナーへの第一歩はもう始まっています。このサイトでは、高校生からでもわかる基礎知識や、未来につながる学び方を紹介。あなたの“好き”をカタチにして、ウェブの世界へ踏み出してみませんか？ ゼロからでも大丈夫。あなたの好きを未来の仕事に
ウェブデザインって、ちょっと難しそうに思えるかもしれません。でも、最初に必要なのは「楽しみたい！」という気持ちだけです。色を選んだり、文字を並べたり、ボタンを動かしたり…小さなアイデアを形にしていくと、あっという間に自分だけの世界ができあがります。
このサイトでは、みんなが自由に試して学べるように、難しい専門用語やルールよりも「やってみる楽しさ」を大切にしています。どんなに小さな一歩でも、それがウェブデザインの第一歩です。好きなこと、面白いと思ったことを形にして、自分だけのウェブページを作ってみませんか？ここから、みんなのアイデアがどんどん広がっていくことを願っています。
まずはじめに、「テキストエディタ」アプリケーションを起動します。
・Windowsの場合・・・terapadなど
・Macの場合・・・miなど
コンピュータ言語を打ち込めるエディタでないと使えません。
かっこいいスライダーで、フルーツをプロデュースしてみよう！プラグインを使って、限られた時間内で仕上げてみよう。今日は君も、プロの仲間入りだ！Slider Pro ▶︎ 素材ダウンロード
レベル★☆☆クローバーは、通常3枚の葉でできています。時には4枚のものを見つけちゃう事も・・ HTMLの基礎から学べるハイパーリンク機能付きページを体験してみよう。CSS(カスケーディング・スタイル・シート)を使うと、緑色のホームページができるんだ。色が入るとなんだかワクワクするね。
レベル★★☆(画面の中央から割れるような動きの「Fullscreen Slit Slider」プラグイン)爽快な動きがとてもかわいい。WebFontを利用した動物達がコロコロ転がっていきます。【サンプルを見る】ダウンロードデータ準備中
レベル★★★Apple公式サイトのようなサイトを作ってみよう。CSSアニメーションを使ってアイテムを動かす！動画の埋め込み、最新アニメーションなどかっこいい！● サンプルを見るhttp://wwweb.jp/open/lesson05/apple.html【仕様書を見る】
このコンテンツはパスワードで保護されています。閲覧するには以下にパスワードを入力してください。